
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Thales & Gustavo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
		<meta name="author" content="José Gaspar Kuhnen Filho"></meta>
		<meta name="twitter:site" content="@gasparkf" /></meta>
		<meta http-equiv="X-UA-Compatible" content="IE=Edge"></meta>
		<META NAME="Revisit-after" CONTENT="30 days"></META>
		<META NAME="Robots" CONTENT="ALL"></META>
		<META NAME="Distribution" CONTENT="Local"></META>
		<META NAME="Doc-type" CONTENT="Manuscript"></META>
		<META NAME="Classification" CONTENT="Music"></META>
		<META NAME="Rating" CONTENT="Safe For Kids"></META>
		<META NAME="Doc-class" CONTENT="Living Document"></META>
		<META NAME="Doc-rights" CONTENT="Public"></META>
		<META NAME="Description" CONTENT="Dupla sertaneja."></META>
		<META NAME="Keywords" CONTENT="Dupla sertaneja, Música, Compositor, Som, Canção, Sertanejo, show, banda"></META>
		<META NAME="Language" CONTENT="Portuguese"></META>

    <!-- Le styles -->
    <link href="recursos/css/bootstrap.css" rel="stylesheet">
    
    <link href="recursos/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="/recursos/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="recursos/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="recursos/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="recursos/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="recursos/ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="recursos/ico/favicon.png">
  </head>

  <body background="recursos/img/novo/background.jpg">
  	<div class="container">
  		<div class="row-fluid">
  			<div class="span4 offset8">
	  			<img alt="Logomarca" src="recursos/img/novo/logo_sem_fundo.png">
	  			<div class="btn-group">
  					<button class="btn">INÍCIO</button>
  				</div>
  				<div class="btn-group">
  					<button class="btn">BIOGRAFIA</button>
  				</div>
  				<div class="btn-group">
  					<button class="btn">FOTOS</button>
  				</div>
  				<div class="btn-group">
  					<button class="btn">CONTATO</button>
  				</div>
  				
  				<div style="color: white;">
		  			<p>
		  				Dupla Sertaneja formada no início de 2013. Thales Belchior é de Camapuã-MS e Gustavo Guimarães de Campo Grande-MS.
				        Unidos pela amizade, gosto e afinidade musical.
				        Através da influência do sertanejo romântico de grandes nomes da música brasileira, como: Zezé Di Camargo e Luciano, 
				        Vitor e Léo, Jorge e Matheus, Xitãozinho e Xororó, Mato Grosso e Mathias, Daniel a tantos outros...
			        </p>
	  			</div>
	  			
	  			<div class="btn-group">
  					<button class="btn">VÍDEOS</button>
  				</div>
  				
  				<div>
  					<iframe width="350" height="180" src="//www.youtube.com/embed/hZQfT8bDsKQ" frameborder="0" allowfullscreen style="border-radius: 30px;"></iframe>
  				</div>
  				
  				<div style="color: white;">
  					Acompanhe Thales & Gustavo
  					<img alt="Facebook" src="recursos/img/novo/face.png">
  					<img alt="Twitter" src="recursos/img/novo/twitter.png">
  					<img alt="youtube" src="recursos/img/novo/youtube.png">
  				</div>
  				
	  		</div>
	  		
  		</div>
  	</div>

  	<div class="footer">
    	<p>&copy; Gaspar 2013</p>
   	</div>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="recursos/js/jquery.js"></script>
    <script src="recursos/js/bootstrap.js"></script>
    <script src="recursos/js/bootstrap-min.js"></script>
	</body>
</html>
